﻿@{
    ViewBag.Title = "ProvinceList";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="~/Resources/Css/common.css" rel="stylesheet" />
<link href="~/Resources/DataTables-1.10.8/css/jquery.dataTables.css" rel="stylesheet" />
<script src="~/Resources/DataTables-1.10.8/js/jquery.dataTables.js"></script>
<script src="~/Resources/DataTables-1.10.8/js/dataTables.bootstrap.min.js"></script>
<script src="~/Resources/jquery-confirm/js/jquery-confirm.js"></script>
<link href="~/Resources/jquery-confirm/css/jquery-confirm.css" rel="stylesheet" />
<div class="boxmain">
    <!-- box / title -->
    <div class="title">
        <ol class="breadcrumb">
            <li><a href="javascript:void(0);" onclick="goBack()">Province Management</a></li>
        </ol>
    </div>
    <div class="container searchboder">
        <div class="form-horizontal">
            <div class="col-sm-10">
                <div class="col-sm-6">
                    <div class="col-sm-5">
                        <label class="control-label">Province Name：</label>
                    </div>
                    <div class="col-sm-7">
                        <input type="text" class="form-control" id="ProvinceName" placeholder="Province Name">
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="col-sm-3"><label class="control-label">IsActive：</label></div>
                    <div class="col-sm-9"><select class="form-control" id="isActive"><option value="-1">Select Status</option><option value="0">Active</option><option value="1">InActive</option></select></div>
                </div>
            </div>
            <div class="col-sm-1">
                <button class="btn btn-primary" type="button" id="Searchbtn">Search</button>
            </div>
            <div class="col-sm-1">
                <button class="btn btn-primary" type="button" id="addBut">Create</button>
            </div>
        </div>
    </div><!-- /input-group -->

    <div>
        <table id="ProvinceDIV" class="display table-bordered table-hover" style="width: 100%; text-align: center !important;" cellspacing="0">
            <thead>
                <tr>
                    <th style="text-align: center">ProvinceID</th>
                    <th style="text-align: center">Province Name</th>
                    <th style="text-align: center">IsActive</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
        <!-- end table action -->
    </div>
</div>
<script src="~/Resources/Script/Province/ProvinceList.js"></script>
